<template>
	<view class="container">
		<view>
		
		</view>
	</view>
</template>

<script setup>
	
</script>

<style>
	.container {
		background-color: #f9f9f9;
		position: absolute;
	}

	#box1,
	#box2,
	#box3,
	#box4,
	#box5 {
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
		-webkit-tap-highlight-color: transparent;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		outline: none;

	}

	#box1:active,
	#box2:active,
	#box3:active,
	#box4:active,
	#box5:active {
		background-color: transparent;
	}

	.sidebar {
		display: flex;

		flex-direction: column;
		width: 200rpx;
		height: 95.5vh;
		border: 1px solid #ccc;
		padding: 10px;
		background-color: #f9f9f9;
		box-sizing: border-box;

	}

	.submenu {
		display: none;
		margin-top: 10px;
	}

	.submenu.active {
		display: block;
	}

	.navigator.active {
		font-weight: bold;
		color: #007aff;
	}

	.navigator {
		display: block;
		margin-bottom: 10px;
		color: #333;
		text-decoration: none;
		cursor: pointer;
	}
</style>